<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<nav class="woocommerce-MyAccount-navigation" id="side">
    <ul>
        <li th:class="${actUrl == 'my'?'is-active':''}">
            <a href="my_account.html" th:href="@{/myaccount}">[[#{dashboard}]]</a>
        </li>

        <li th:class="${actUrl == 'order'?'is-active':''}">
            <a href="order.html" th:href="@{/order}">[[#{yourorder}]]</a>
        </li>

        <li th:class="${actUrl == 'address'?'is-active':''}">
            <a href="addresses.html" th:href="@{/address}">[[#{address}]]</a>
        </li>

        <li th:class="${actUrl == 'details'?'is-active':''}">
            <a href="account_details.html" th:href="@{/accountdetails}"> [[#{accountdetails}]]</a>
        </li>

        <li>
            <a th:href="@{/logout}">[[#{logout}]]</a>
        </li>
    </ul>
</nav>
</body>
</html>